<style>
<!--
table.hovertable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    width: 100%;
}
table.hovertable th {
    background-color:#c3dde0;
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: white;
}
table.hovertable tr {
    background-color:#d4e3e5;
}
table.hovertable td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: white;
}
-->
</style>
<div  style="position: absolute;bottom: -16px;border: 8px solid transparent;border-top-color: #fff;left: 50%;margin-left: -8px;"></div><div style="padding:0px;">
#if(propertyRender)
	
	#if(propertyRender.bizText)
		<div class="layui-card" style="box-shadow:none;">
		  <div class="layui-card-header" style="height: 28px;line-height: 28px;">#(propertyRender.bizText.name)</div>
		  <div class="layui-card-body" style="padding: 5px;">
		  		#(propertyRender.bizText.desc)
		  </div>
		</div>		
	#end
	
	#if(propertyRender.bizPropertys && propertyRender.bizPropertys.size()>0)
		<div class="layui-card">
		  <div class="layui-card-body" style="padding: 0px;">
		  	<table class="hovertable">
		  		#for(property : propertyRender.bizPropertys)
			  		<tr>
			  			<td>#(property.key)</td>
			  			<td>#(property.value)</td>
			  		</tr>		  			
		  		#end
		  	</table>
		  </div>
		</div>		
	#end
	#if(propertyRender.bizPictures  && propertyRender.bizPictures.size()>0)
		<div class="layui-carousel" id="carousel-#(objId)" style="margin-top:0px;">
		  <div carousel-item="">
		  	#for(picture : propertyRender.bizPictures)
		    	<div><img src="#(ctx)#(picture.path)" style="width: 100%;height: 100%" ></div>
		    #end
		  </div>
		</div>	
	#end
	#if(propertyRender.bizVideos  && propertyRender.bizVideos.size()>0)
	  	#for(video : propertyRender.bizVideos)
			<video width="320" height="240.5" controls>
			    <source src="#(video.url)" type="video/mp4" autoplay>
			</video>
	    #end
	#end	
#else
	<div class="layui-card">
	  <div class="layui-card-body" style="padding: 0px;">
	  	未配置信息!!!
	  </div>
	</div>
	#end
</div>
<script>
#if(propertyRender.bizPictures)
  carousel.render({
    elem: '#carousel-#(objId)'
    ,interval: 1800
    ,anim: 'fade'
    ,width: '365px'
    ,height: '235px'
  });	
#end	
</script>
